<template>
  <div>
    <Result
      type="success"
      isSuccess="success"
      title="注册成功"
      description="您现在可以登录账户，完成银行卡绑定。 银行卡绑定成功后将自动开通付款、转账、提现功能"
      class="result"
      v-if="success"
    ></Result>
    <div v-if="success" style="text-align:center;margin:30px auto;">
      <a-button type="primary" @click="toLogin">立即登录</a-button>
    </div>

    <Result title="注册失败" class="result" description="黑名单用户" v-if="!success">
      <!-- <div class="error-content">
    <div>失败原因</div>
    <div>手机号、姓名、身份证不匹配</div>
    <div>黑名单客户</div>
      </div>-->
    </Result>
    <div v-if="!success" style="text-align:center;">
      <a-button type="primary" @click="toBegin">返回修改</a-button>
    </div>
  </div>
</template>
<script>
import Result from "@/components/result/Result";

export default {
  data() {
    return {
      success: true
    };
  },
  components: {
    Result
  },
  mounted() {
    if (this.$route.query.issuc) {
      this.success = true;
    } else {
      this.success = false;
    }
  },
  methods: {
    doNext(step) {
      console.log(step);
      var st = step + 1;
      this.$router.push("/PersonRegister/step" + st);
    },
    toLogin() {
      this.$router.push("/home");
    }, 
    toBegin() {
      // this.$router.push("/PersonRegister/step4");
      this.$router.push({
        path: "/PersonRegister/step4",
        query: { modify: true }
      });
    }
  }
};
</script>
<style scoped>
.result .content {
  padding: 0px;
}
.error-content {
  padding: 20px 40px;
}
</style>


